<template>
    <a-cascader v-model:value="value" style="width: 100%" multiple max-tag-count="responsive" :options="options"
        placeholder="Please select"></a-cascader>

    <div>{{ value }}</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';

const options = [
    {
        "Class_Code": 11, "code": 10000, "Title": "地面", "InUse": true, "parent": null, "label": "地面", "value": "10000", "children": [{ "Class_Code": 11, "code": 10100, "Title": "固定", "InUse": true, "parent": "10000", "label": "固定", "value": "10100", "children": [{ "Class_Code": 11, "code": 10110, "Title": "航空固定", "InUse": true, "parent": "10100", "label": "航空固定", "value": "10110", "children": [] }] },
        {
            "Class_Code": 11, "code": 10200, "Title": "移动", "InUse": true, "parent": "10000", "label": "移动", "value": "10200", "children": [{ "Class_Code": 11, "code": 10210, "Title": "陆地移动", "InUse": true, "parent": "10200", "label": "陆地移动", "value": "10210", "children": [] },
            { "Class_Code": 11, "code": 10220, "Title": "航空移动", "InUse": true, "parent": "10200", "label": "航空移动", "value": "10220", "children": [] },
            { "Class_Code": 11, "code": 10221, "Title": "航空移动（R）", "InUse": true, "parent": "10200", "label": "航空移动（R）", "value": "10221", "children": [] },
            { "Class_Code": 11, "code": 10222, "Title": "航空移动（OR）", "InUse": true, "parent": "10200", "label": "航空移动（OR）", "value": "10222", "children": [] },
            { "Class_Code": 11, "code": 10230, "Title": "水上移动", "InUse": true, "parent": "10200", "label": "水上移动", "value": "10230", "children": [] },
            { "Class_Code": 11, "code": 10231, "Title": "港口操作", "InUse": true, "parent": "10200", "label": "港口操作", "value": "10231", "children": [] },
            { "Class_Code": 11, "code": 10232, "Title": "船舶移动", "InUse": true, "parent": "10200", "label": "船舶移动", "value": "10232", "children": [] }]
        },
        {
            "Class_Code": 11, "code": 10300, "Title": "无线电测定", "InUse": true, "parent": "10000", "label": "无线电测定", "value": "10300", "children": [{ "Class_Code": 11, "code": 10310, "Title": "无线电定位", "InUse": true, "parent": "10300", "label": "无线电定位", "value": "10310", "children": [] },
            { "Class_Code": 11, "code": 10320, "Title": "无线电导航", "InUse": true, "parent": "10300", "label": "无线电导航", "value": "10320", "children": [] },
            { "Class_Code": 11, "code": 10321, "Title": "航空无线电导航", "InUse": true, "parent": "10300", "label": "航空无线电导航", "value": "10321", "children": [] },
            { "Class_Code": 11, "code": 10322, "Title": "水上无线电导航", "InUse": true, "parent": "10300", "label": "水上无线电导航", "value": "10322", "children": [] }]
        },
        { "Class_Code": 11, "code": 10400, "Title": "广播", "InUse": true, "parent": "10000", "label": "广播", "value": "10400", "children": [] },
        { "Class_Code": 11, "code": 10500, "Title": "气象辅助", "InUse": true, "parent": "10000", "label": "气象辅助", "value": "10500", "children": [] },
        { "Class_Code": 11, "code": 10600, "Title": "标准频率和时间信号", "InUse": true, "parent": "10000", "label": "标准频率和时间信号", "value": "10600", "children": [] },
        { "Class_Code": 11, "code": 10700, "Title": "业余", "InUse": true, "parent": "10000", "label": "业余", "value": "10700", "children": [] },
        { "Class_Code": 11, "code": 10800, "Title": "安全", "InUse": true, "parent": "10000", "label": "安全", "value": "10800", "children": [] },
        { "Class_Code": 11, "code": 10900, "Title": "特别", "InUse": true, "parent": "10000", "label": "特别", "value": "10900", "children": [] },
        { "Class_Code": 11, "code": 11000, "Title": "工业、科学和医疗", "InUse": true, "parent": "10000", "label": "工业、科学和医疗", "value": "11000", "children": [] },
        { "Class_Code": 11, "code": 11100, "Title": "短距离微功率系统", "InUse": true, "parent": "10000", "label": "短距离微功率系统", "value": "11100", "children": [] }]
    },
    {
        "Class_Code": 11, "code": 20000, "Title": "空间", "InUse": true, "parent": null, "label": "空间", "value": "20000", "children": [{ "Class_Code": 11, "code": 20100, "Title": "卫星固定", "InUse": true, "parent": "20000", "label": "卫星固定", "value": "20100", "children": [] },
        {
            "Class_Code": 11, "code": 20200, "Title": "卫星移动", "InUse": true, "parent": "20000", "label": "卫星移动", "value": "20200", "children": [{ "Class_Code": 11, "code": 20210, "Title": "卫星陆地移动", "InUse": true, "parent": "20200", "label": "卫星陆地移动", "value": "20210", "children": [] },
            { "Class_Code": 11, "code": 20220, "Title": "卫星航空移动", "InUse": true, "parent": "20200", "label": "卫星航空移动", "value": "20220", "children": [] },
            { "Class_Code": 11, "code": 20221, "Title": "卫星航空移动（R）", "InUse": true, "parent": "20200", "label": "卫星航空移动（R）", "value": "20221", "children": [] },
            { "Class_Code": 11, "code": 20222, "Title": "卫星航空移动（OR）", "InUse": true, "parent": "20200", "label": "卫星航空移动（OR）", "value": "20222", "children": [] },
            { "Class_Code": 11, "code": 20230, "Title": "卫星水上移动", "InUse": true, "parent": "20200", "label": "卫星水上移动", "value": "20230", "children": [] }]
        },
        {
            "Class_Code": 11, "code": 20300, "Title": "卫星无线电测定", "InUse": true, "parent": "20000", "label": "卫星无线电测定", "value": "20300", "children": [{ "Class_Code": 11, "code": 20310, "Title": "卫星无线电定位", "InUse": true, "parent": "20300", "label": "卫星无线电定位", "value": "20310", "children": [] },
            { "Class_Code": 11, "code": 20320, "Title": "卫星无线电导航", "InUse": true, "parent": "20300", "label": "卫星无线电导航", "value": "20320", "children": [] },
            { "Class_Code": 11, "code": 20321, "Title": "卫星航空导航", "InUse": true, "parent": "20300", "label": "卫星航空导航", "value": "20321", "children": [] },
            { "Class_Code": 11, "code": 20322, "Title": "卫星水上导航", "InUse": true, "parent": "20300", "label": "卫星水上导航", "value": "20322", "children": [] }]
        },
        { "Class_Code": 11, "code": 20400, "Title": "卫星广播", "InUse": true, "parent": "20000", "label": "卫星广播", "value": "20400", "children": [] },
        { "Class_Code": 11, "code": 20500, "Title": "卫星地球探测", "InUse": true, "parent": "20000", "label": "卫星地球探测", "value": "20500", "children": [{ "Class_Code": 11, "code": 20510, "Title": "卫星气象", "InUse": true, "parent": "20500", "label": "卫星气象", "value": "20510", "children": [] }] },
        { "Class_Code": 11, "code": 20600, "Title": "卫星标准频率和时间信号", "InUse": true, "parent": "20000", "label": "卫星标准频率和时间信号", "value": "20600", "children": [] },
        { "Class_Code": 11, "code": 20700, "Title": "卫星业余", "InUse": true, "parent": "20000", "label": "卫星业余", "value": "20700", "children": [] },
        { "Class_Code": 11, "code": 20800, "Title": "卫星间", "InUse": true, "parent": "20000", "label": "卫星间", "value": "20800", "children": [] },
        { "Class_Code": 11, "code": 20900, "Title": "空间研究", "InUse": true, "parent": "20000", "label": "空间研究", "value": "20900", "children": [] },
        { "Class_Code": 11, "code": 21000, "Title": "空间操作", "InUse": true, "parent": "20000", "label": "空间操作", "value": "21000", "children": [] }]
    },
    { "Class_Code": 11, "code": 30000, "Title": "射电天文", "InUse": true, "parent": null, "label": "射电天文", "value": "30000", "children": [] }];
const value = ref([["10000", "11100"]]);
</script>
<style lang="less" scoped></style>